import styled from 'styled-components'

export const PingTuanStyle = styled.div`
 

    .pingtuan-content{
      background-color: white;
      border-radius: .25rem;
      .c-top{
        .left{
          .avatar{
            width: .8rem;
            height: .8rem;
          }
          .info{
            margin-left: .43rem;
            .tname{
              font-size: .37rem;
              font-weight: bold;

            }
            .tcity{
              font-weight: 500;
              opacity: .5;
            }
          }
        }
        .right{
          .tschedule{
            .yiping{
              font-size: .27rem;
              font-weight: 500;

            }

            .haicha{
              font-size: .27rem;
              font-weight: 500;

              span{
                font-size: .32rem;
                color: #FF762E;
              }
            }
          }

          .join-tuan{
            margin-left: .16rem;
            width: 1.47rem;
            height: .8rem;
            background-color: #FF762E;
            border-radius: .25rem;
            border: none;
            color: white;
            line-height: .8rem;
            font-weight: 500;
          }
        }
      }
      .center{
        margin-top: .12rem;
          .tiao{
            width: 100%;
           
          }
          span{
              margin-right: .21rem;
              font-size: .27rem;
              font-weight: 500;

            }
          .tip{
            img{
              width: .32rem;
              height: .32rem;
            }
          }
      }

      .bottom{
        justify-content: flex-start;
        font-weight: 500;
        p{
          
          margin-left: .4rem;
          width: 3.91rem;
          span{
            text-align: center;
            display: block;
            width: .4rem;
            height: .4rem;
            background-color: #FF4B4B;
            color: white;
            font-weight: bold;
            line-height: .45rem;

          }
        }
      }
    }


`
